<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>overflow</title>

        <style type="text/css">
            .wrapper { width: 300px ; height: 200px ; margin: 100px auto ; border: 1px dotted blue ;}

            .first { 
                overflow: visible ; /* 默认值。内容不会被修剪，会呈现在元素框之外 */ 
                cursor: pointer ;
            }
            .second { overflow: hidden ; cursor: text ; }

            .third { overflow: scroll ; cursor: wait ;}
            .fourth { overflow: scroll ; width: 600px ; cursor: move ;}

            .fifth { overflow: auto ; }
            .sixth { overflow: auto ; width: 500px ; }

        </style>

    </head>
    <body>

        <div class="wrapper first">
            <p>
                时维九月，序属三秋。
                潦水尽而寒潭清，烟光凝而暮山紫。
                俨骖騑于上路，访风景于崇阿；
                临帝子之长洲，得天人之旧馆。
                层峦耸翠，上出重霄；
                飞阁流丹，下临无地。
                鹤汀凫渚，穷岛屿之萦回；
                桂殿兰宫，即冈峦之体势。
            </p>

            <p>
                <nobr>披绣闼，俯雕甍，山原旷其盈视，川泽纡其骇瞩。</nobr>
                闾阎扑地，钟鸣鼎食之家；
                舸舰弥津，青雀黄龙之舳。
                云销雨霁，彩彻区明。
                落霞与孤鹜齐飞，秋水共长天一色。
                渔舟唱晚，响穷彭蠡之滨；
                雁阵惊寒，声断衡阳之浦。
            </p>
        </div>

        <div class="wrapper second">
            <p>
                时维九月，序属三秋。
                潦水尽而寒潭清，烟光凝而暮山紫。
                俨骖騑于上路，访风景于崇阿；
                临帝子之长洲，得天人之旧馆。
                层峦耸翠，上出重霄；
                飞阁流丹，下临无地。
                鹤汀凫渚，穷岛屿之萦回；
                桂殿兰宫，即冈峦之体势。
            </p>

            <p>
                <nobr>披绣闼，俯雕甍，山原旷其盈视，川泽纡其骇瞩。</nobr>
                闾阎扑地，钟鸣鼎食之家；
                舸舰弥津，青雀黄龙之舳。
                云销雨霁，彩彻区明。
                落霞与孤鹜齐飞，秋水共长天一色。
                渔舟唱晚，响穷彭蠡之滨；
                雁阵惊寒，声断衡阳之浦。
            </p>
        </div>

        <div class="wrapper third">
            <p>
                时维九月，序属三秋。
                潦水尽而寒潭清，烟光凝而暮山紫。
                俨骖騑于上路，访风景于崇阿；
                临帝子之长洲，得天人之旧馆。
                层峦耸翠，上出重霄；
                飞阁流丹，下临无地。
                鹤汀凫渚，穷岛屿之萦回；
                桂殿兰宫，即冈峦之体势。
            </p>

            <p>
                <nobr>披绣闼，俯雕甍，山原旷其盈视，川泽纡其骇瞩。</nobr>
                闾阎扑地，钟鸣鼎食之家；
                舸舰弥津，青雀黄龙之舳。
                云销雨霁，彩彻区明。
                落霞与孤鹜齐飞，秋水共长天一色。
                渔舟唱晚，响穷彭蠡之滨；
                雁阵惊寒，声断衡阳之浦。
            </p>
        </div>

        <div class="wrapper fourth">
            <p>
                时维九月，序属三秋。
                潦水尽而寒潭清，烟光凝而暮山紫。
                俨骖騑于上路，访风景于崇阿；
                临帝子之长洲，得天人之旧馆。
                层峦耸翠，上出重霄；
                飞阁流丹，下临无地。
                鹤汀凫渚，穷岛屿之萦回；
                桂殿兰宫，即冈峦之体势。
            </p>

            <p>
                <nobr>披绣闼，俯雕甍，山原旷其盈视，川泽纡其骇瞩。</nobr>
                闾阎扑地，钟鸣鼎食之家；
                舸舰弥津，青雀黄龙之舳。
                云销雨霁，彩彻区明。
                落霞与孤鹜齐飞，秋水共长天一色。
                渔舟唱晚，响穷彭蠡之滨；
                雁阵惊寒，声断衡阳之浦。
            </p>
        </div>

        <div class="wrapper fifth">
            <p>
                时维九月，序属三秋。
                潦水尽而寒潭清，烟光凝而暮山紫。
                俨骖騑于上路，访风景于崇阿；
                临帝子之长洲，得天人之旧馆。
                层峦耸翠，上出重霄；
                飞阁流丹，下临无地。
                鹤汀凫渚，穷岛屿之萦回；
                桂殿兰宫，即冈峦之体势。
            </p>

            <p>
                <nobr>披绣闼，俯雕甍，山原旷其盈视，川泽纡其骇瞩。</nobr>
                闾阎扑地，钟鸣鼎食之家；
                舸舰弥津，青雀黄龙之舳。
                云销雨霁，彩彻区明。
                落霞与孤鹜齐飞，秋水共长天一色。
                渔舟唱晚，响穷彭蠡之滨；
                雁阵惊寒，声断衡阳之浦。
            </p>
        </div>

        <div class="wrapper sixth">
            <p>
                时维九月，序属三秋。
                潦水尽而寒潭清，烟光凝而暮山紫。
                俨骖騑于上路，访风景于崇阿；
                临帝子之长洲，得天人之旧馆。
                层峦耸翠，上出重霄；
                飞阁流丹，下临无地。
                鹤汀凫渚，穷岛屿之萦回；
                桂殿兰宫，即冈峦之体势。
            </p>

            <p>
                <nobr>披绣闼，俯雕甍，山原旷其盈视，川泽纡其骇瞩。</nobr>
                闾阎扑地，钟鸣鼎食之家；
                舸舰弥津，青雀黄龙之舳。
                云销雨霁，彩彻区明。
                落霞与孤鹜齐飞，秋水共长天一色。
                渔舟唱晚，响穷彭蠡之滨；
                雁阵惊寒，声断衡阳之浦。
            </p>
        </div>
        
    </body>
</html>